{extend name="index@common/base"/} 
{block name="style"}
{/block} {block name="body"}
<div class="layui-body layui-tab-content index-body" id="cont">
	<div class="park-navigation">
		<div class="navigation-icon">
			<i class="fa {$breadCrumb[0]['icon']}"></i>
		</div>
		<div class="navigation-menu">
			<h2>{$breadCrumb[0]['title']}</h2>
			{if isset($breadCrumb[1])}
			<p>{$breadCrumb[0]['remark']}</p>
			{/if}
		</div>
	</div>
	<div class="park-content">
		<div class="content-title">
			<div class="title col-8">
				<h3>{$breadCrumb[1]['title']}</h3>
				<form class="layui-form"  action="{:url('service/chemical/search')}" onsubmit="return false;">
					<button class="search-btn" lay-submit lay-filter="search"><img src="__STATIC__/img/base/topsearch01.png"></button>
					<input class="search-input" name="keyword" type="text" placeholder="化学品" id="keyword"  autocomplete="off">
					 <select class="selector" name="typeId" lay-verify="required" >
          				  <option value="">类型名称</option>
          				  {volist name="type" id="vo" key="k" }
     					  <option value="{$k}">{$vo}</option>
    				      {/volist}
       				 </select>
				</form>	
			</div>
			<div class="tool col-2">
				<button id="add" data-url="{:url('service/chemical/add')}"><i class="fa fa-plus"></i></button>
				<button id="reload"><i class="fa fa-refresh"></i></button>
			</div>
		</div>
		<table class="layui-hide" id="chemical" lay-filter="chemical" data-url="{:url('service/chemical/index')}"></table>
	</div>
</div>
{/block}
{block name="script"}

<script type="text/javascript" src="__JS__/service/chemical.js"></script>


<script type="text/html" id="toolDemo">
	<div>
		<a class="layui-btn btn-edit" lay-event="edit" id="edit_{{d.id}}" data-url="{:url('service/chemical/edit')}?chemicalId={{d.id}}"><i class="fa fa-pencil"></i></a>
  		<a class="layui-btn btn-del" id="del_{{d.id}}" lay-event="del" data-url="{:url('service/chemical/del')}>chemiacalId={{d.id}}"><i class="fa fa-trash"></i></a>
  	
	</div>
</script>

<script type="text/html" id="state">
	<div style="padding-top: 30px;padding-left: 40px;">
		
		{{# if (d.state == 1){ }}
		<p> <span class="layui-badge layui-bg-green">固体</span></p>
		{{# } }}
		{{# if (d.state == 2){ }}
		<p><span class="layui-badge layui-bg-blue">液体</span></p>
		{{# } }}
		<br/>
		{{# if (d.state == 3){ }}
		<p><span class="layui-badge layui-bg-yellow">气体</span></p>
		<br/>
		{{# } }}
		<br/>
	</div>
</script>
{/block}
